<template>
	<view>
		<scroll-view scroll-y class="scrollPage">
			<view class="UCenter-bg" style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big10006.jpg);">
				<image src="/static/logo/logo.png" class="png round" mode="widthFix"></image>
				<view class="text-xl margin-top">
					JomoUniapp
					<text class="text-df margin-left-xs">v2.0</text>
				</view>
				<view class="margin-top-sm"><text>By:JO</text></view>
				<image src="/static/user/ys_wave.gif" mode="scaleToFill" class="gif-wave"></image>
			</view>
			<!-- <view class="padding flex text-center text-grey bg-white shadow-warp">
				<view class="flex flex-sub flex-direction solid-right">
					<view class="text-xxl text-orange">152</view>
					<view class="margin-top-sm">总场数</view>
				</view>
				<view class="flex flex-sub flex-direction solid-right">
					<view class="text-xxl text-blue">88</view>
					<view class="margin-top-sm">获胜数</view>
				</view>
				<view class="flex flex-sub flex-direction">
					<view class="text-xxl text-green">K/D</view>
					<view class="margin-top-sm">2.5</view>
				</view>
			</view> -->
			<view class="cu-list menu margin-bottom-xl shadow-lg">
				<view class="cu-item arrow">
					<button class="cu-btn content" @click="$Router.push({ name: 'userinfo' })">
						<text class="cuIcon-formfill text-green"></text>
						<text class="text-grey">个人信息</text>
					</button>
				</view>
				<view class="cu-item arrow">
					<button class="cu-btn content" @click="$Router.push({ name: 'about' })">
						<text class="cuIcon-appreciatefill text-red"></text>
						<text class="text-grey">关于我们</text>
					</button>
				</view>
				<view class="cu-item arrow">
					<button class="cu-btn content" open-type="feedback">
						<text class="cuIcon-writefill text-cyan"></text>
						<text class="text-grey">意见反馈</text>
					</button>
				</view>
				<view class="cu-item arrow">
					<button class="cu-btn content" @click="$Router.push({ name: 'setting' })">
						<text class="cuIcon-creativefill text-orange"></text>
						<text class="text-grey">设置</text>
					</button>
				</view>
				<view class="cu-item arrow">
					<button class="cu-btn content" @click="$tools.copyVlaue('https://gitee.com/Jopfree/jomo_uniapp2.0')">
						<text class="cuIcon-github text-grey"></text>
						<text class="text-grey">Gitee:jomo_uniapp2.0</text>
					</button>
				</view>
			</view>
		</scroll-view>
	</view>
</template>

<script>
export default {
	data() {
		return {
		};
	},
	onLoad() {},
	methods: {
		routerTo(name) {
			this.$Router.push({ name: name });
		},
	}
};
</script>

<style lang="scss">
.UCenter-bg {
	background-size: cover;
	height: 550rpx;
	display: flex;
	justify-content: center;
	padding-top: 40rpx;
	overflow: hidden;
	position: relative;
	flex-direction: column;
	align-items: center;
	color: #fff;
	font-weight: 300;
	text-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}

.UCenter-bg text {
	opacity: 0.8;
}

.UCenter-bg image {
	width: 200rpx;
	height: 200rpx;
}

.UCenter-bg .gif-wave {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	z-index: 99;
	mix-blend-mode: screen;
	height: 100rpx;
}

map,
.mapBox {
	left: 0;
	z-index: 99;
	mix-blend-mode: screen;
	height: 100rpx;
}

map,
.mapBox {
	width: 750rpx;
	height: 300rpx;
}
</style>
